
.item-subject-scorebox > .richtxt-comm > .fl {
    width:100px;
    text-align:center;
}
.item-subject-info > .richtxt-comm > .fl .richtxt-img {
    max-width:100px;
    max-height:80px;
    padding:5px;
    border:1px solid #ddd;
    background:#FFF;
    border-radius: 5px;
}

.item-subject-score {
    margin-top:2px;
    font-size:12px;
}
.item-subject-score:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.item-subject-score > li {
    float:left;
    width:50%;
}
.item-subject-score > li > .fr {
    margin-right:10px;
}


.item-subject-list .richtxt-body > p {
    margin-top:5px;
}
.item-subject-list .richtxt-body > .start {
    background: url(../images/rating_xin.png) no-repeat;
    height:15px;
    padding-right:98px;
}

.subject_field {
    width: 100%;
    font-size: 12px;
    color: #808080;
}
.subject_field td {
    padding: 3px 1px;
}
.subject_field td.key {
    width: 80px;
}

.review-list >li.list-group-item {
    font-size:12px;
}
.review-list-pictures {
    margin-top:10px;
    color: #808080;
}
.review-list-pictures:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.review-list-pictures > a {
    float:left;
    width:32%;
    height:80px;
    border:1px solid #ddd;
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    display:box;box-pack:center;
    box-align:center;
}
.review-list-pictures > a:nth-of-type(2) {
    margin:0 3px;
}
.review-list-pictures > a > img {
    max-width:100%;
    min-height:100%;
}
.review-list-content {
    color: #808080;
    max-height: 100px;
    overflow: hidden;
    padding: 0 2px;
    position: relative;
}
.review-list-content .showcontent{
    max-height: auto;
}


.item-picture-list .list-thumb-item,
.item-picture-list .list-thumb-img {
    height:120px; 
}

.comment-fixed {
    width:100%;
    background:#eee;
}
.comment-list  > a > .richtxt-comm > .fl > img {
    max-width: 30px;
    max-height: 30px;
    margin-top: 5px;
}
.comment-reply-content {
    margin-top:5px;
    border-left:3px solid #ddd;
    padding-left:8px;
}


.group-list .richtxt-comm > .fl > .richtxt-img {
    max-width:60px;
    max-height:60px;
    margin-top:5px;
}
.group-show > .panel-heading > .richtxt-comm > .fl > .richtxt-img {
    max-width:80px;
    max-height:80px;
    margin-top:6px;
}
.group-topic-list > .richtxt-comm > .fl > .richtxt-img {
    max-width:48px;
    max-height:48px;
}
.group-topic-fixed  {
    width:100%;
}
.group-topic-fixed  > .panel-comm > .panel-heading {
    padding:5px;
    text-align: right;
}
.group-topic-fixed  > .panel-comm > .panel-heading > .fl {
    padding: 6px 12px;
    text-align:center;
}
.group-topic-reply-list .richtxt-comm  > .fl > .richtxt-img {
    max-width:25px;
    max-height:25px;
    margin-top:5px;
}
.group-topic-reply-list > .list-group-item > .txt-richtxt {
    margin-top:5px;
}
.group-topic-reply-list > .list-group-item > .txt-richtxt .ubb-face {
    margin:auto 1px;
}

.mylist-list .richtxt-img {
    margin-top:3px;
    max-width:80px;
    max-height:50px;
}
/*********************************************/

.subject-category-list:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.subject-category-list-item {
    border-top:1px solid #fff;
    float: left;
    
    padding:10px;
    text-align:center;
    color:#546280;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
}

.subject-category-list-item > .bar {
    float:left;
    width:1px;
    height:12px;
    margin-top:3px;
    background-color:#ded6c9;
    border-bottom:1px solid #fff;
    vertical-align:middle;
}

.subject-category-list-item:first-child .bar {
    background:none;
    border:none;
}







.item-list-lst {
    clear:both;
}
.list_item_message{
    position: relative;
    border-top: #FFF 1px solid;
    border-bottom: #DBD7D2 1px solid;
    background-color:#FFFDF7;
    padding:10px 0;
    text-align: center;
}
.list_item_box {
    position: relative;
    display: block;
    border-top: #FFF 1px solid;
    border-bottom: #DBD7D2 1px solid;
    width:auto;
    background-color:#FFFDF7;
    min-height: 80px;
}
.list_item_box .thumb {
    width:75px;
    height:60px;
    border:1px solid #ddd;
    position: absolute;
    margin: 10px 0px 10px 5px;
    background-color: #FFF;
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    display:box;box-pack:center;
    box-align:center;
}
.list_item_box .thumb img {
    max-width:70px;
    max-height:55px;
    vertical-align: middle;
    border:0 none;
}
.list_item_box .distance {
    font-size:10px;
    position: absolute;
    top:32px;
    right:20px;
}
.list_item_a {
    height:60px;
}
.list_item_title {
    font-size: 14px;
    display: inline-block;
    margin: 5px 0 0 85px;
    padding: 0;
    position: relative;
}
.list_item_info {
    margin: 5px 0 10px 85px;
    padding: 0;
    color: #808080;
    line-height:18px;
    font-size: 12px;
}
.list_item_info .split {
    margin: 0 5px;
}
.list_item_info .highlight {
    color: #ff5d19;
}

.item_album {
    margin:10px 5px 0
}
.wf-imgbox { 
    margin:0; 
    padding:0;
}
.wf-imgnox-left { 
    float:left;
    width:49%;
}
.wf-imgnox-right { 
    float:right;
    width:49%;
}
.wf-container { 
    margin-bottom:10px; 
    background:#FFF;
    padding:5px;
    border:1px solid #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 1px 1px 3px #ddd;
    -moz-box-shadow: 1px 1px 3px #ddd;
    -webkit-box-shadow: 1px 1px 3px #ddd;
}
.wf-container img {
    width:100%;
    height:auto;
}
.wf-container .wf-album {
    width:96%;
    margin:3px auto 0;
}
.wf-container .albumtitle { 
    width:100%; 
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
}
.wf-container .albumtitle span { 
    font-size:12px;
}
.wf-container .albumtitle a {
text-decoration:none;
color:#555;
}
.wf-message { 
    margin:0; 
    text-align:center; 
    padding:5px 0; 
    border-width:1px 0;
    border-style:solid;
    border-color: #ddd; 
    background:#F9F9F9; 
    font-size:12px;
}
.album_picture li .picbox {
    width: 100%;
    position: relative;
    text-align: center;
}
.album_picture li .picbox img {
    width: 99%;
    height: auto;
}
.album_picture li .picinfo {
    width: 100%;
    margin: 0;
    position:absolute; 
    top:0px;
    opacity: 0.5;
    background-color: #eee;
    font-size: 12px;
    text-align: left;
}
.album_picture li .picinfo span {
    display:block;
    margin:2px 5px;
}
.item_subject {
    margin:0 5px;
}
.subject_header_box { 
    height: 110px;
    margin-bottom:10px;
}
.subject_header_box h1 {
    font-size: 16px;
    padding: 0;
    margin:8px 0 8px 3px;
}
.subject_header_box .thumb {
    margin-right:5px;
    height: 85px;
}
.subject_header_box .thumb img {
    max-width:95px;
    max-height:72px;
    border:1px solid #ddd;
    padding: 5px;
    background-color: #FFF;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.subject_header_box .grades {
    position:absolute;
    height: 85px;
    color: #808080;
    line-height: 18px;
    left: 120px;
    top: 80px;
}
.subject_header_box .start {
    padding: 0;
    margin: 5px 0 8px;
}
.subject_header_box .grade {
    font-size: 12px;
}
.subject_header_box .sorce {
    margin:0 3px;
    font-size: 14px;
    color: #ff8d24;
}

.subject_content {
    padding:10px;
    color: #808080;
    font-size: 12px;
    line-height: 16px;
}
.subject_content img {
    width: 100%;
}
.item_review {
    margin: 10px 5px;
}
.item-operation {
    text-align: center;
    margin-top:10px;
}

.review-ul {
    font-size: 12px;
}
.review-ul li {
    padding:10px;
    border-bottom:1px solid #ded6c9;
}
.review-ul li:first-child {
    border-top:1px solid #FFF;
}
.review-ul li .li-header {
    font-size: 12px;
    font-weight:normal;
}
.review-ul li .li-header cite {
    float: right;
    color: #808080;
    font-style: normal;
}
.review-ul li .li-grades {
    margin: 5px 0;
    color:#808080;
    font-size: 12px;
    font-weight:normal;
}
.review-ul li .li-grades .li-sorce {
    margin:0 3px;
    /*color: #ff8d24;*/
}
.review-ul li .li-content {
    color: #808080;
    line-height: 16px;
    font-size: 12px;
    font-weight:normal;
    word-wrap: break-word;
    word-break: break-all;
    white-space:normal; 
}
.review-ul li .li-content .normalcontent {
    color: #808080;
    max-height: 62px;
    overflow: hidden;
    padding: 0 2px;
    position: relative;
}
.review-ul li .li-content .showcontent{
    max-height: auto;
}
.review-ul li .li-content .expand-content a {
    display:block;
    margin-top: 5px;
    padding:4px 0;
    width:100%;
    text-align:center;
    border:1px solid #eee;
    background-image:-webkit-linear-gradient(#FEFEFE, #f5f5f5);
    background-image:-moz-linear-gradient(#FEFEFE, #f5f5f5);
    background-image:-o-linear-gradient(#FEFEFE, #f5f5f5);
    background-image:linear-gradient(#FEFEFE, #f5f5f5);
}
.review-ul li .li-content .expand-content a:active {
    background-image:-webkit-linear-gradient(#f5f5f5, #FEFEFE);
    background-image:-moz-linear-gradient(#f5f5f5, #FEFEFE);
    background-image:-o-linear-gradient(#f5f5f5, #FEFEFE);
    background-image:linear-gradient(#f5f5f5, #FEFEFE);
}
.review-ul li .li-voice {
    margin-top:10px;
}
.review-ul li a {
    display: block;
}
.review-ul li .li-pictures {
    margin-top:10px;
    color: #808080;
}
.review-ul li .li-pictures .showpicture {
    float:left;
    width:100px;
    height:85px;
    margin-right:5px;
    margin-bottom:5px;
    border:1px solid #ddd;
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    display:box;box-pack:center;
    box-align:center;
}
.review-ul li .li-pictures .showpicture img {
    max-width:95px;
    min-height:80px;
}
.review_list {
    background:#FFFDF7;
}
.review_box {
    font-size: 12px;
}
.review_box .review-header {
    font-size: 12px;
    font-weight:normal;
}
.review_box .review-header cite {
    float: right;
    color: #808080;
    font-style: normal;
}
.review_box .grades {
    margin: 5px 0;
    color:#808080;
    font-size: 12px;
    font-weight:normal;
}
.review_box .grades .sorce {
    margin:0 3px;
    /*color: #ff8d24;*/
}
.review_box .content {
    color: #808080;
    line-height: 16px;
    font-size: 12px;
    font-weight:normal;
    word-wrap: break-word;
    word-break: break-all;
    white-space:normal; 
}

/* category */
.side_categorylist {
    margin-top:10px;
}
.side_categorylist a { 
    display:inline-block;
    padding:1px 5px;
    line-height:1.5;
}
.side_categorylist h5 { 
    font-size:16px; 
    font-weight:normal; 
    padding:0; margin:0; 
}
.side_categorylist li { 
    font-size:14px; 
    float:left; 
    width:100px; 
    margin:0; 
    padding:3px 0; 
}
.side_categorylist li a:hover,
.side_categorylist a.selected {
    background:#FFAA25; 
    text-decoration:none; 
    color:#FFF;
    border-radius:3px; 
}


/* upfile */
.upload_message { 
    margin:5px 0; 
}
.upload_message p { 
    background:#EEE; 
    padding:5px; 
    margin-bottom:5px; 
    position: relative; 
}
.upload_message p a { 
    position: absolute; 
    right: 10px; 
}

.upload_preview { 
    margin:10px 0; 
    clear: both; 
}
.upload_preview li { 
    float:left; 
    width:100px; 
    height:110px; 
    text-align:center; 
    position: relative; 
    margin-right: 5px; 
}
.upload_preview li div.thumb { 
    width:98px; 
    margin:0 auto; 
    height:80px; 
    border:1px solid #eee; 
    display:-moz-box;-moz-box-pack:center;-moz-box-align:center;
    display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;
    display:box;box-pack:center;box-align:center;  
}
.upload_preview li div.thumb img { 
    max-width:90px; 
    max-height:60px; 
}
.upload_preview li > span > a {
    display: block;
    background:#EEE;
}
.upload_preview li .upload_progress { 
    position: absolute; 
    top:10px; 
    left:10px; 
    padding:5px 10px; 
    border-radius:10px;
    color:#fff; background-color:rgba(0,0,0,.6); 
    display:none; 
}